<template>
  <div>
    <x-header :left-options="{backText: ''}" style="background-color:#31b9b8;">家庭资料<a slot="right" style="color: #fff">新增</a>
    </x-header>
    <ul class="preview">
      <li><b>邓建平</b>（父亲）</li>
      <li>单位：XXX公司</li>
      <li>职务：XXX公司经理</li>
      <li>联系方式：13999999999</li>
    </ul>
    <ul class="preview">
      <li><b>邓建芳</b>（母亲）</li>
      <li>单位：XXX公司</li>
      <li>职务：XXX公司主管</li>
      <li>联系方式：13888888888</li>
    </ul>
  </div>
</template>
<script>
  import {XHeader} from 'vux'
  export default {
    components: {
      XHeader
    }
  }
</script>
<style>
  .preview {
    background: #fff;
    margin: 10px;
    padding: 15px;
    border-radius: 5%;
    list-style-type: none;
  }
</style>
